<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东快报</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			.box {
				width: 300px;
				margin-left: 50px;
				margin-top: 50px;
				border: 1px solid #E4E4E4;

			}

			.title {
				height: 50px;
				font-size: 20px;
				font-weight: bold;
				font-family: "微软雅黑";
				text-indent: 10px;
				line-height: 50px;
				background: linear-gradient(to bottom, #CCCEFF, white);
				border-bottom: 1px solid #F5F5FF;
				color: #666666;
			}

			ul {
				margin-top: -1px;
				width: 300px;
				border-top: 2px dashed #CCCEFF;
			}

			li {
				list-style: none;
				padding-top: 10px;
				padding-left: 10px;
				padding-bottom: 10px;

			}

			a {
				text-decoration: none;
				color: #666666;
			}

			a:hover {
				color: orangered;
			}

			span {
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="title">京东快报</div>
			<ul>
				<li><a href=""><span>[特惠]</span>海飞丝去屑又去油 超清爽</a></li>
				<li><a href=""><span>[公告]</span>京东公益支持鲁甸新动作</a></li>
				<li><a href=""><span>[特惠]</span>4688元抢iPhone 6</a></li>
				<li><a href=""><span>[公告]</span>小米电视携豪礼高调入驻京东</a></li>
			</ul>
		</div>

	</body>
</html>
